<!DOCTYPE html>
<html>
<head>
<link rel='match' href='table_float_translation_ref.html'>
<style>
#float {
    width: 33%;
    float: right;
}
#table {
    width: 50%;
    display: table;
}
* {
    border-spacing: 0;
    border: none;
    padding: 0;
    margin: 0;
}
</style>
</head>
<body>
<div id=float>
    Ketchup ketchup ketchup ketchup
    ketchup ketchup ketchup ketchup
    ketchup ketchup ketchup ketchup
    ketchup ketchup ketchup ketchup
    ketchup ketchup ketchup ketchup
</div>
<div id=table>
    Bloobity bloobity bloobity bloobity
    bloobity bloobity bloobity bloobity
    bloobity bloobity bloobity bloobity
    bloobity bloobity bloobity bloobity
    bloobity bloobity bloobity bloobity
    bloobity bloobity bloobity bloobity
    bloobity bloobity bloobity bloobity
    bloobity bloobity bloobity bloobity
    bloobity bloobity bloobity bloobity
    bloobity bloobity bloobity bloobity
    bloobity bloobity bloobity bloobity
    bloobity bloobity bloobity bloobity
    bloobity bloobity bloobity bloobity
</div>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu turpis eu elit fermentum molestie ut et nibh. Cras a sapien purus. Proin ac libero felis. Mauris sed nisi et dolor commodo blandit. Sed diam lacus, volutpat sit amet vulputate ac, sollicitudin nec massa. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin feugiat convallis leo, eu condimentum dolor gravida quis. Pellentesque iaculis lobortis ligula at gravida. Praesent quis sagittis elit. Curabitur mollis, lacus at vulputate eleifend, sem urna congue eros, a fringilla lacus ante ut elit. Fusce pharetra sollicitudin mi, sed interdum augue luctus a. Mauris congue convallis massa, nec dignissim ex molestie ut. Proin volutpat egestas urna, at blandit lectus congue at. Suspendisse tempus cursus dui a varius.
</p>
</body>
</html>

